﻿<!-- the Shopping Cart script -->
<script type="text/javascript">
    var myWidth = parseInt(screen.width);    
    var myHeight = screen.height;

    if(myWidth < 1440 && myWidth > 1280){
      //Default
      $('body').css("margin-left", "-100px");
    }else if(myWidth <= 1280){
      //Default
      $('body').css("margin-left", "-140px");
    } 
</script>

<style type="text/css">
.cart_button {
  background: #91BD09 url(modules/IShopStore/pnimages/overlay-button.png) repeat-x 0 0;  
  display: inline-block;
  padding: 5px 15px 6px;
  color: white !important;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border:none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  overflow: visible;
  width: auto;
}
#basketItemsWrap a{ text-decoration:none;}

.cart_button::-moz-focus-inner { border: 0; padding: 0; }

.cart_button:hover { background-color: #749a02; color: #fff; }
</style>	
	
<script type="text/javascript" src="modules/IShopStore/pnjavascript/jbasket/js/custom.js"></script>
<script type="text/javascript" src="modules/IShopStore/pnjavascript/reveal/jquery.reveal.js"></script>
<link rel="stylesheet" type="text/css" media="screen,projection" href="modules/IShopStore/pnjavascript/reveal/reveal.css" />

<div id="basketTitleWrap">
</div>
<div id="basketItemsWrap">
  <ul>
    <span id="onloadCart"></span>
  </ul>
  <div id="notificationsLoader"></div> 
  <div id="buttonCart"></div>    
</div>		
	
<div class="clr"></div>

<div id="myModal" class="reveal-modal">
  <h1>Reveal Modal Goodness</h1>
  <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
  <a class="close-reveal-modal">&#215;</a>
</div>